<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
    <meta itemprop="name" content="晶钻工业科技-宁波晶钻工业科技有限公司">
    <meta name="keywords" content="晶钻工业科技、宁波晶钻工业科技有限公司、宁波晶钻">
    <meta name="description" itemprop="description" content="宁波晶钻工业科技有限公司坐落于美丽的东海之滨-宁波市，公司拥有多名跨行业外籍及海归研究员、教授、博士，与中国科学院宁波材料所共建技术研发中心，并同日本、美国多家跨国公司、大学、研究所建立长期战略联盟..." >
    <title>商品详情</title>
    <link rel="shortcut icon" href="../../../logo.ico"/>
    <link rel="stylesheet" href="__PUBLIC__/css/goods_detail.css"/>
</head>
<body>
  <!-- 网站商品详情页头部 start -->
  <include file="Public:header" />
  <!-- 网站商品详情页头部 end -->

  <!-- 网站商品详情页主体 start -->
  <main class="diamond-detail-container">
    <!-- 头部标题 -->
    <header class="diamond-detail-header wrapper">
      <h2>裸钻详情
        <span>Choose Diamond</span>
      </h2>
    </header>
    <!-- 详情内容 -->
    <section class="diamond-detail-body wrapper">
      <!-- 商品信息 -->
      <div class="diamond-detail-info">
        <!-- 钻石展示 -->
        <div class="diamond-show">
          <div class="diamond-img" id="diamond_show_img">
            <div class="common-img">
              <img src="__PUBLIC__/img/goods/detail/1.jpg" id="diamond_big_img" alt="钻石图">
            </div>
            <!-- 360度全景图 -->
            <div class="panoramic-img">
              <div id="panoramic_img">
              </div>
            </div>
          </div>
          <div class="diamond-thumb">
            <ul class="thumb-list" id="thumb_list">
              <li class="thumb-item common-s-img active">
                <img src="__PUBLIC__/img/goods/detail/1.jpg" alt="钻石正面图">
              </li>
              <li class="thumb-item common-s-img">
                <img src="__PUBLIC__/img/goods/detail/2.jpg" alt="钻石侧面图">
              </li>
              <li class="thumb-item common-s-img">
                <img src="__PUBLIC__/img/goods/detail/3.jpg" alt="钻石艺术图">
              </li>
              <li class="thumb-item panoramic-s-img">
                <img src="__PUBLIC__/img/goods/detail/4.jpg" alt="钻石全景图">
              </li>
            </ul>
          </div>
        </div>
        <!-- 钻石信息 -->
        <div class="diamond-des">
          <!-- 标题 -->
          <div class="diamond-title">
            <h3>Long True Dress</h3>
            <span><i class="icon-instock"></i>In Stock</span>
          </div>
          <!-- 文字说明 -->
          <p class="diamond-txt">Contrary to popular belief, Lorem Ipsum is not simply random text.Contrary to popular belief, Lorem Ipsum is not simply random text.Contrary to popular belief, Lorem Ipsum is not simply random text.</p>
          <!-- 价格 -->
          <div class="diamond-price">
            <em>$69.90</em>
            <del>128.90</del>
          </div>
          <!-- 钻石参数 -->
          <div class="diamond-param">
            <ul class="param-list">
              <li class="param-item">
                <span>颜色:<b>F</b></span>
              </li>
              <li class="param-item">
                <span>净度:<b>VVS2</b></span>
              </li>
              <li class="param-item">
                <span>切工:<b>IDEAL</b></span>
              </li>
              <li class="param-item">
                <span>抛光:<b>EX</b></span>
              </li>
              <li class="param-item">
                <span>对称:<b>EX</b></span>
              </li>
              <li class="param-item">
                <span>荧光:<b>无</b></span>
              </li>
              <li class="param-item">
                <span>证书:<b>IGI</b></span>
              </li>
            </ul>
          </div>
          <!-- 库存地 -->
          <div class="diamond-origin">
            <span>钻石库存地: <i class="icon-USA"></i>美国</span>
          </div>
          <div class="diamond-tips">
            <span> <i class="icon-dist"></i>免费送货</span>
            <p>丨今天下单，预计将在此时间前送达：<em>2018-04-12</em></p>
          </div>
          <!-- 操作 -->
          <div class="diamond-action">
            <div class="num">
              <i class="icon-reduce"></i>
              <input type="tel" value="1" maxlength="3" id="diamond_num">
              <i class="icon-add"></i>
            </div>
            <a href="#" class="add-to-cart-btn">Add to Cart</a>
            <a href="{:U('userFlow')}" class="pay-for-it-btn">Pay For It</a>
          </div>
          <!-- 服务 -->
          <div class="diamond-service">
            <span><i class="icon-tel"></i>24/24 ONLINE SUPPORT CUSTOME</span>
            <!-- <button></button> -->
          </div>
        </div>
      </div>
      <!-- 商品介绍 -->
      <div class="diamond-detail-intro">
        <div class="intro-btn" id="intro_btn">
          <button class="active">description</button>
          <button>Product tags</button>
        </div>
        <!-- 介绍内容 -->
        <div class="intro-content">
          <div class="intro-des-box" id="intro_des_box">
            <div class="intro-des selected">
              <!-- 参数列表 -->
              <ul class="info-list">
                <li class="info-item">
                  <span>商品编号: PH00012</span>
                </li>
                <li class="info-item">
                  <span>颜色: F</span>
                </li>
                <li class="info-item">
                  <span>形状: 圆形</span>
                </li>
                <li class="info-item">
                  <span>尺寸: 4.34x4.36x2.64mm</span>
                </li>
                <li class="info-item">
                  <span>克拉: 0.30</span>
                </li>
                <li class="info-item">
                  <span>价格: ￥3264</span>
                </li>
                <li class="info-item">
                  <span>切工: IDEAL</span>
                </li>
                <li class="info-item">
                  <span>完美净度: VVS2</span>
                </li>
                <li class="info-item">
                  <span>抛光: EX极好</span>
                </li>
                <li class="info-item">
                  <span>底尖: 参阅证书</span>
                </li>
                <li class="info-item">
                  <span>对称: EX极好</span>
                </li>
                <li class="info-item">
                  <span>台面: 58.00%</span>
                </li>
                <li class="info-item">
                  <span>腰菱: 参阅证书</span>
                </li>
                <li class="info-item">
                  <span>钻身: 60.60%</span>
                </li>
                <li class="info-item">
                  <span>荧光: 无荧光</span>
                </li>
              </ul>
              <!-- 钻石参数 -->
              <div class="intro-report">
                <div class="report-img">
                  <img src="__PUBLIC__/img/goods/detail/1.png" alt="证书图片">
                </div>
                <div class="report-txt">
                  <h4>钻石证书<span>Diamond report</span></h4>
                  <p>钻石证书 DIAMOND REPORT 培育的钻石可以开具各权威鉴 定机构的钻石分级证书，一般情况 下我们默认附带IGI(国际宝石学院)的权威证书，IGI是全球最大的宝石鉴定机构，在18个国家和地区设有鉴定实验室，与GIA和HRD并列为全球三大宝石鉴定机构。</p>
                </div>
              </div>
            </div>
            <div class="intro-pro">
              <img src="__PUBLIC__/img/goods/detail/pro.jpg" alt="">
              <!-- <div class="pro-txt-img">
                <div class="pro-txt">
                <h4>OUR PROMISE TO YOU</h4>
                <p> We promise that every Keri and hi diamonds are made of diamonds,which are made by hi-tech.Natural diamond has the same chemical and physical propertles,and can be issued at authoritative accreditation body.The corresponding(laboratory nurture) diamond cerificate.</p>
                <p>We advocate maximizing the wearing value of diamond jewelry, so we can provide customers with life-long diamond upgrading.Service.To become a cus- tomer of Kelis, you will be able to experience different sizes and colors with mi- nimal input.The color and shape of diamond jewelry.</p>
                </div>
                <div class="pro-img">
                  <img src="__PUBLIC__/img/goods/detail/diamond.png" alt="">
                </div>
              </div>
              <div class="pro-service">
                <ul>
                  <li>
                    <h3><i class="icon-15"></i>Return for 15 days</h3>
                    <p> Without prejudice to the two sale, consu mers will have no reason to return products within 15 days from the date of receipt of the goods.</p>
                  </li>
                  <li>
                    <h3><i class="icon-diamond"></i>upgrading program</h3>
                    <p> Consumers can enjoy the replacement se rvice of Kelis diamonds, and experience diamonds of different sizes, shapes and colors.</p>
                  </li>
                </ul>
              </div> -->
            </div>
          </div>
          <!-- 确定参数 -->
          <div class="intro-confirm-param">
            <!-- 克拉 -->
            <div class="param diamond-carat">
              <h3>克拉</h3>
              <div class="slider-box">
                <div class="carat-slider slider" id="diamond_carat_slider" data-carat="2.5">
                  <span class="bar1"></span>
                  <div class="mask-slider"></div>
                  <span class="bar2"></span>
                </div>
                <div class="carat-value input-value">
                  <div>
                    <input type="text" disabled="disabled" name="minCarat" id="diamond_min_carat" value="0.50">
                  </div>
                  <div>
                    <input type="text" disabled="disabled" name="maxCarat" id="diamond_max_carat" value="5.00">
                  </div>
                </div>
              </div>
            </div>
            <!-- 颜色 -->
            <div class="param diamond-color">
              <h3>颜色</h3>
              <ul id="diamond_color">
                <li data-diamond-color="D">D</li>
                <li data-diamond-color="E">E</li>
                <li data-diamond-color="F">F</li>
                <li data-diamond-color="G" class="on">G</li>
                <li data-diamond-color="H">H</li>
                <li data-diamond-color="I">I</li>
                <li data-diamond-color="I">I</li>
                <li data-diamond-color="J">J</li>
              </ul>
              <input type="hidden" id="diamond_color_value">
            </div>
            <!-- 切工 -->
            <div class="param diamond-cut">
              <h3>切工</h3>
              <ul id="diamond_cut">
                <li data-diamond-cut="IDEAL">IDEAL</li>
                <li data-diamond-cut="EX">EX</li>
                <li data-diamond-cut="VG">VG</li>
                <li data-diamond-cut="GD" class="on">GD</li>
                <li data-diamond-cut="FR">FR</li>
              </ul>
              <input type="hidden" id="diamond_cut_value">
            </div>
          </div>
        </div>
        <!-- 需要后台编辑的内容 -->
        <div class="intro-des-content">
          后台编辑插入的内容
        </div>
      </div>
    </section>
    <!-- 底部推荐 -->
    <footer class="diamond-detail-footer">
      <div class="wrapper">
        <!-- 相关推荐标题 -->
        <h2 class="related-diamond-title">Related Products</h2>
        <!-- 相关推荐列表 -->
        <ul class="related-diamond-list">
          <for start="1" end="5">
          <li class="related-diamond-item">
            <div class="diamond-img">
              <a href="#"><img src="__PUBLIC__/img/goods/detail/related.jpg" alt="相关钻石图片"></a>
            </div>
            <h3 class="diamond-name">
              <a href="#">Ledtead Predae</a>
            </h3>
            <span class="diamond-price">$89.00</span>
            <span class="diamond-actioin">Add to Cart</span>
          </li>
          </for>
        </ul>
      </div>
    </footer>
  </main>
  <!-- 网站商品详情页主体 end -->

  <!-- 网站商品详情页底部 start -->
  <include file="Public:footer"/>
  <!-- 网站商品详情页底部 end -->
  <!-- 引入相关的js文件 start -->
  <!-- 条件注释：如果IE浏览器的版本小于9则引入该文件以支持html5的新标签 -->
  <!--[if lt IE 9]>
    <script src="__PUBLIC__/js/html5shiv.js"></script>
    <![endif]-->
  <script src="__PUBLIC__/js/jquery.min.js"></script>
  <script src="__PUBLIC__/js/okzoom.min.js"></script>
  <script src="__PUBLIC__/js/3deye.min.js"></script>
  <script src="__PUBLIC__/js/common.js"></script>
  <script src="__PUBLIC__/js/goods_detail.js"></script>
  <!-- 引入相关的js文件 end -->
</body>
</html>